<template>
  <view class="module-rich-text">
    <rich-text :nodes="nodes"></rich-text>
  </view>
</template>
<script>
import { parseHtmlSync } from '@/components/jyf-Parser/libs/MpHtmlParser'
export default {
  name: 'MoleRichText',
  props: {
    content: {
      type: String,
      default: ''
    }
  },
  computed: {
    nodes: function() {
      return parseHtmlSync(this.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;" '))
    }
  }
}
</script>
